<!DOCTYPE html>

<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>币拍</title>
    <link rel="stylesheet" href="./plugins/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="./plugins/layui/css/myPage.css">
    <link rel="stylesheet" href="./css/login.css">
    <link rel="shortcut icon" href="images/logo.jpg">
</head>

<body class="beg-login-bg">
<div class="beg-login-box">
    <header>
        <h1>登录</h1>
    </header>
    <div class="beg-login-main">
        <form class="layui-form" method="post">
            <div class="layui-form-item">
                <label class="beg-login-icon">
                    <i class="layui-icon">&#xe612;</i>
                </label>
                <input type="text" name="yhm" lay-verify="userName" autocomplete="off" placeholder="这里输入登录名" class="layui-input">
            </div>
            <div class="layui-form-item">
                <label class="beg-login-icon">
                    <i class="layui-icon">&#xe642;</i>
                </label>
                <input type="password" name="mima" lay-verify="password" autocomplete="off" placeholder="这里输入密码" class="layui-input">
            </div>
            <div class="layui-form-item">

                <div class="beg-pull-right">
                    <button class="layui-btn layui-btn-primary" lay-submit lay-filter="login">
                        登录
                    </button>
                </div>
                <div class="beg-clear"></div>
            </div>
        </form>
    </div>
</div>
<div id="version" style="color:white;position: absolute;left: 0;bottom: 0"></div>
<script src="./js/config.js"></script>
<script src="./plugins/layui/layui.js"></script>
<script src="./js/tools.js"></script>
<script src="./js/jquery.js"></script>
<script src="./js/jquery.md5.js"></script>

<script>
    layui.use(['layer', 'form'], function() {
        var layer = layui.layer,
            $ = layui.jquery,
            form = layui.form;
        $(document.body).css({
            "overflow-x":"hidden",
            "overflow-y":"hidden"
        });
        $("#version").html(version);
        form.on('submit(login)',function(data){
            //登陆请求
            data.field.mima = $.md5(data.field.mima);
            console.log(data.field);
            $.ajax({
                url: contextPath+"/login" ,
                type: "POST",
                contentType:"application/json;charset=utf-8",
                dataType:"json",
                data: JSON.stringify(data.field) ,
                success: function(res) {
                    if(res.message == "登录成功！"){
                        window.location.href="index.html";
                    }else{
                        layer.msg(res.message);
                    }
                }
            });
            return false;
        });
    });
</script>
</body>

</html>